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ABSRAK 


Sistem Informasi Absensi Guru dan Siswa Berbasis Web pada Sweet 
School Batam, merupakan suatu sistem yang mempermudahkan orang tua siswa- 
siswi di sweet school dalam melakukan kegiatan pengisian Data Absensi Guru 
dan siswa, Mata Pelajaran, Ruangan Kelas, dan mendapatkan informasi data nilai 
siswa, selain itu dengan berbasiskan web maka informasi data dapat diakses 
dengan waktu dan tempat yang tidak ditentukan. Pada sistem ini, menu hanya 
dapat diakses oleh user tertentu yaitu siswa, dan administrator. Pada hasil 
penelitian ini telah dikembangkan sebuah Sistem Informasi Berbasis Web dengan 
studi kasus pada Sweet School Batam. Dimana dalam membangun sistem ini 
digunakan alat bantu pengembangan sistem yaitu Data Flow Diagram (DFD), 
Context Diagram, Entity Relationship Diagram (ERD) dan Flowchart serta 
dengan menggunakan bahasa pemrograman PHP dan HTML dan MySOL sebagai 
databasenya. 


Kata Kunci: Informasi, Absensi Guru, dan Absensi Siswa. 


ABSRACT 


Teacher and Student Attendance Information System Web-Based at Sweet 
School Batam, Is a system that facilitates the parents of students in the sweet 
school in conducting activities of filling the attendance data of teachers and 
students, subject, classroom, and get value report information of students, in 
addition to web-based data information can be accessed by Unspecified time and 
place. In this system, the menu can only be accessed by certain users ie students, 
and administrators. In this research result has developed a Web Based Information 
System with case study at Sweet School Batam. Where in building this system 
used system development tool that is Data Flow Diagram (DFD), Context 
Diagram, Entity Relationship Diagram (ERD) and Flowchart and by using 
programming language PHP and HTML and MySOL as database. 


Keywords: Information, Teacher Attendance, and Student Attendance. 
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BABI 
PENDAHULUAN 


1.1 Latar Belakang 


Pada era globalisasi ini komputer sangat penting dalam kebutuhan informasi 
yang akurat, tepat dan cepat dalam menyajikan data yang sangat lengkap 
merupakan salah satu tujuan penting. Untuk ini komputer berperan aktif dalam 


segala bidang dan akan mempermudah pekerjaan seseorang. 


Akibat dari kemajuan teknologi terutama pada dunia informatika dan 
semakin banyaknya bermunculan perangkat-perangkat lunak diciptakan guna 
mengatasi permasalahan informasi. Dalam kehidupan, informasi memegang 
peranan penting sehingga yang dibutuhkan hendaknya didapat dengan cepat, 
akurat dan mudah. Penulisan dan keinginan untuk merancang sistem informasi 
agar administrasi semua dilakukan secara sistem komputerisasi dirancang dengan 


menggunakan PHP dan MYSOL berbasis website. 


Sistem yang dirancang berfungsi untuk membantu proses sistem informasi 
absensi guru dan siswa berbasis web di Sweet School Batam. Dengan adanya 
sistem komputerisasi maka sistem absensi sweet school dengan mengelola 


datanya dengan menggunakan sistem komputerisasi. 


Kemampuan manusia sangatlah terbatas dalam menyelesaikan pekerjaan 
yang semakin banyak dan rumit. Penulis berkeinginan merancang sebuah sistem 
informasi yang berbasis web guna mempermudah bagi pihak administrasi untuk 


melihat laporan di Sweet School Batam. 


Dari uraian diatas maka timbul keinginan untuk membahas dan merancang 
suatu sistem dengan bahasa pemograman web. Adapun judul penulis untuk skripsi 
ini “Perancangan Sistem Informasi Absensi Guru dan Siswa Berbasis Web di 


Sweet School Batam.” 


12 Perumusan Masalah 


Berdasarkan latar belakang diatas, maka dapat dirumuskan suatu 


permasalahan yaitu: 


1. Bagaimana merancang absensi guru dan siswa di Sweet School? 
2. Bagaimana implementasi sistem informasi absensi guru dan siswa di 


Sweet School? 


1.3 Pembatasan Masalah 


Dalam penyusunan laporan skripsi ini, dibatasi pada: 


1. Sistem Informasi Pengelolahan Data Siswa ini menyediakan informasi 
tentang data absensi siswa, data absensi guru, data kelas, data mata 
pelajaran, dan data ruangan kelas. 

2. Pembuatan aplikasi menggunakan bahasa pemprograman PHP, 
dreamweaver dan database MySOL. 

3. Penelitian skripsi dilakukan dalam lingkup bimbingan belajar di Sweet 


School Batam. 


1.4 


Tujuan Penelitian 


Penelitian ini bertujuan untuk membuat (merancang) serta 


mengimplementasikan suatu sistem informasi absensi guru dan siswa berbasis 


web di sweet school batam gunanya untuk mempermudah dan memperlancar 


kegiatan-kegiatan di dalam pengolahan data sistem informasi data guru dan siswa. 


1: 


Tujuan penelitian yang dilakukan adalah 


Merancang sistem informasi absensi guru dan siswa di Sweet School. 


2. Merancang sistem laporan absensi Sweet School dengan berbasis web 


1.5 


1. 


dapat diakses seperti php, dan mysgl. 


Manfaat Penelitian 

Manfaat penelitian perancangan sistem informasi berbasis web ini adalah 
bagi petugas/administrator yang berperan dalam hal mengelola data 
absensi dapat mengerjakan dengan cepat dan mudah. Sehingga 
mempercepat laporan data untuk pekerjaan selanjutnya. 

Manfaat penelitian perancangan sistem informasi berbasis web bagi guru 
adalah agar guru dapat melihat absensi /nilai yang akan diberikan pada 
administrator sehingga melihat apakah data yang diinput telah sesuai, serta 
dapat meninjau siswa yang bermasalah denga mata pelajaran tertentu 
sehingga guru diharapkan dapat mengkaji ulang metode pembelajarannya. 
Manfaat penelitian perancangan sistem informasi berbasis web bagi siswa 


adalah agar siswa dapat melihat hasil absensi dan nilai dengan mudah 


dikarenakan sistem ini berbasis web online maka siswa dapat melihat 


kapan saja dan dimana saja. 


1.6 Sistematika Penulisan 


Secara keseluruhan penelitian ini terdiri dari 5 (lima) bab. Sistematika 


penulisan ini berguna mempermudah pembaca untuk memahami penelitian ini. Isi 


penelitian secara garis besar adalah sebagai berikut: 


BABI 


BAB II 


BAB ITI 


BAB IV 


PENDAHULUAN 

Pada bab ini membahas tentang latar belakang yang menjadi 
motivasi penelitian ini, rumusan masalah, batasan masalah, tujuan 
penelitian dan manfaat penelitian serta sistematika penulisan. 
LANDASAN TEORI 

Pada bab ini berisi beberapa definisi yang sesuai dengan penelitian 
dan beberapa literature review yang berhubungan dengan 
penelitian dan yang berhubungan dengan teori-teori yang 
digunakan dalam penulisan laporan penelitian ini meliputi: Konsep 
dasar perancangan, konsep dasar sistem, konsep dasar informasi, 


konsep dasar sistem informasi, dan teori-teori lainnya. 


METODOLOGI PENELITIAN 

Bab ini berisi tentang kerangka dan gambaran untuk metode 
pendekatan pada sistem informasi berbasis web. 

ANALISIS DAN IMPLEMENTASI 

Bab ini mengulas tentang analisa data dan hasil analisa serta 


pembahasannya akan memberikan perbandingan hasil penelitian 


BAB V 


dengan kriteria yang ada dan memberikan jawaban dari pertanyaan 


yang telah disebutkan dalam perumusan masalah. 


PENUTUP 

Pada bab terakhir ini, memuat kesimpulan dan saran dari 
keseluruhan pembahasan, keterbatasan peneliti selama jalannya 
penelitian, dan refleksi untuk memberikan saran berdasarkan 
kesimpulan penelitian yang disampaikan sebagai bahan 
pertimbangan bagi pimpinan bank untuk kebijaksanaan perusahaan 


selanjutnya. 


BAB II 
LANDASAN TEORI 


2.1 Teori Pendukung 


Dalam bab ini akan dijelaskan mengenai definisi dan teori-teori yang 
berkaitan dengan permasalahan yang ada. Berikut ini adalah teori-teori yang 
mendasari dari Perancangann Sistem Informasi Absensi Guru dan Siswa Berbasis 


Web. 


2.1.1 Konsep Dasar Sistem Informasi 


2.1.1.1 Sistem 


Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu 
yang menekankan pada prosedurnya dan yang menekankan pada komponen atau 
elemennya. Pendekatan sistem yang lebih menekankan pada prosedur 


mendefinisikan sistem sebagai berikut ini: 


Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling 
berhubungan, berkumpul bersama-bersama untuk melakukan suatu kegiatan atau 


untuk menyelesaikan suatu sasaran yang tertentu. 


Pendekatan sistem yang lebih menekankan pada elemen atau komponennya 


mendefinisikan sistem sebagai berikut: 


Sistem adalah kumpulan dari elemen-elemen yang berinteraksi mencapai 


suatu tujuan tertentu. 


Menurut Davis 1985 (Ladjamudin, 2005:3), sistem adalah bagian-bagian 
yang saling berkaitan yang beroperasi bersama untuk mencapai beberapa sasaran 


atau maksud. 


Menurut Lucas (Ladjamudin 2005: 3), sistem adalah suatu komponen atau 
variabel yang terorganisir, saling berinteraksi , saling bergantung, satu sama lain 


dan terpadu. 


Menurut Mc Leod (Ladjamudin 2005: 3), sistem adalah sekelompok elemen 
yang berintegrasi dengan maksud yang sama untuk mencapai suatu tujuan. 
Menurut Robert G.Murdick 1993 (Ladjamudin 2005 : 3), sistem adalah 
seperangkat elemen-elemen yang terintegrasi dengan maksud yang sama untuk 
mencapai tujuan yang sama. Menurut Gerald. J (Ladjamudin 2005 : 3), sistem 
yaitu suatu jaringan kerja dari prosedur-prosedur yang berhubungan, berkumpul 
bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran 


tertentu. 


21.111 Karakteristik Sistem 


Sebuah sistem yang mempunyai karakteristik atau sifat-sifat tertentu, yang 
mencirikan bahwa hal tersebut biasanya dikatakan sebagai suatu sistem (Sutabri, 


2005: 11). Karakteristik-karakteristik tersebut adalah: 


1. Komponen sistem (Components) 


Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi dan 


bekerja sama membentuk satu kesatuan. Komponen-komponen sistem tersebut 


dapat berupa subsistem atau bagian-bagian dari sistem yang menjalankan suatu 


fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. 


2. Batasan sistem (Boundary) 


Batasan sistem merupakan daerah yang membatasi antara sistem yang 
dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini 


menunjukkan ruang lingkup dari sistem itu sendiri. 


3. Lingkungan luar sistem (Environtment) 


Lingkungan luar dari sistem merupakan apapun yang ada di luar lingkup 


atau batasan yang mempengaruhi operasi sistem tersebut. 


4. Penghubung sistem (Interface) 


Penghubung sistem atau interface merupakan media yang menghubungkan 
sistem dengan subsistem yang lainnya untuk dapat berinteraksi membentuk suatu 


kesatuan. 


5. Masukan sistem (Input) 


Masukan sistem adalah energy yang dimasukkan kedalam sistem. Masukan 
sistem dapat berupa pemeliharaan (maintenance input) dan sinyal (signal input). 
maintenance input merupakan energi yang dimasukkan agar sistem tersebut dapat 
beroperasi. Sedangkan signal input adalah energi yang diproses untuk 


menghasilkan keluaran. 


6. Keluaran sistem (Output) 


Keluaran sistem adalah hasil energy yang diolah dan diklasifikasikan 
menjadi keluaran yang berguna. Keluaran ini merupakan masukan yang berguna 


bagi subsistem yang lain. 


7. Pengolah sistem(process) 


Suatu sistem dapat mempunyai suatu yang proses akan mengubah masukan 


menjadi keluaran. 


8. Sasaran sistem (Objective) 


Suatu sistem memiliki tujuan dan sasaran yang pasti. Hal ini karena sasaran 
sangat berguna untuk menentukan masukan yang dibutuhkan sistem dan keluaran 
yang akan dihasilkan. Suatu sistem dikatakan berhasilbila mengenai sasaran atau 


tujuannya. 


2.1.1.2 Informasi 


Informasi (information) dapat didefinisikan sebagai berikut: 


Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan 


lebih berarti bagi yang menerimanya. 


Sumber dari informasi adalah data. Data merupakan bentuk jamak dari 
bentuk tunggal datum atau data-item. Data adalah kenyataan yang 
menggambarkan suatu kejadian-kejadian dann kesatuan nyata. Kejadian-kejadian 


(event) adalah sesuatu yang terjadi pada saat yang tertentu. Kesatuan nyata (fact 


dan entity) adalah berupa suatu obyek nyata seperti tempat, benda dan orang yang 


betul-betul ada dan terjadi. 


Informasi adalah hasil pengolahan data menjadi bentuk yang lebih berguna 
bagi yang menerimanya yang menggambarkan suatu kejadian-kejadian nyata dan 
dapat dipergunakan sebagai alat bantu pengambilan keputusan (Wulandari, D.L., 


Fajrina, N.A., Abrianti, Y Y, 2015). 


Informasi adalah data yang telah diklasifikasikan atau diolah atau 
dinterpretasi untuk digunakan dalam proses pengambilan keputusan (Sutabri, 


2005: 11). 


Menurut Gordon . B. Davis, informasi adalah data yang telah diolah 
menjadi bentuk yang lebih berarti bagi penerimanya dan bermanfaat dalam 


pengambilan keputusan masa kini maupun yang akan datang (Kadir, 2003: 31). 


2.1.1.2.1 Kegunaan Informasi 


Ada 4 faktor utama yang berhubungan dengan kegunaan informasi: 


1.  Kuallitas informasi (information guality) 


Kualitas dari suatu informasi tergantung 4 hal, informasi harus : 


a. Akurat (accurate) dan presisi (precision) 
Akurat dalam menampilkan informasi dan presisi dalam detail informasi 
yang diberikan. 

b. Kelengkapan (completeness) 


Informasi yang tersedia cukup lengkap untuk setiap user dan situasi. 


c. Waktu (time) 
Waktu berarti menyediakan informasi secepat mungkin pada saat 
dibutuhkan sehingga berguna. 

d. Sumber (source) 
Orang atau organisasi yang menghasilkan informasi. 

Aksesibilitas (information accessibility) 

a. Ketersediaan (availability) 
Memberikan informasi kepada yang membutuhkan. Informasi dapat 
diakses oleh yang membutuhkan. 

b. Keabsahan (admissibility) 
Keabsahan(boleh atau tidak boleh dipakai) informasi tergantung pada 
hukum, peraturan atau budaya pada saat tertentu. 

Presentasi informasi (information presentation) 

a. Perbandingan antara data asli dengan yang ditaampilkan. Manipulasi 
data hingga tingkatan yang sesuai, semakin sederhana semakin baik. 

b. Format 
Bentuk dimana informasi ditampilkan ke user, manipulasi data ke dalam 
bentuk yang sesuai. 

Keamana informasi (information security) 

a. Batasan akses (access restriction) 
Prosedur dan teknik mengontrol user yang boleh atau tidak mengakses 
data pada situasi tertentu. Penggunaan atau teknik lain untuk mencegah 
user yang tidak berhak. 


b. Enkripsi (encryption) 


Konversi data ke bentuk tertentu sehingga tidak dapat dibaca oleh user 
yang tidak berhak. 


21.1.2.2 Siklus Informasi 


Untuk memperoleh informasi yang bermanfaat bagi penerimanya, perlu 
untuk dijelaskan bagaimana siklus yang terjadi atau dibutuhkan dalam 
menghasilkan informasi. Menurut Ladjamudin, siklus informasi atau siklus 


pengolahan data adalah sebagai berikut: 


Input Proses Output 
(Data) (Pengolahan Data) (Informasi) 


Gambar 2.1 : Siklus Informasi 


Sumber : (Ladjamudin, 2005: 11) 


Menurut Wilkinson (Kadir, 2003: 11), sistem informasi adalah kerangka 
kerja yang mengkoordinasikan sumber daya (manusia, komputer) untuk 
mengubah masukan (input) menjadi keluaran (informasi), guna mencapai sasaran- 


sasaran perusahaan. 


Menurut Bodnar dan Hopwood (kadir, 2003: 11), sistem informasi adalah 
kumpulan perangkat keras dan lunak yang dirancang untuk mentransformasikan 


data kedalam bentuk informasi yang berguna. 


Menurut Gelinas, Oram dan Wiggins (Kadir, 2003: 11), sistem informasi 
adalah suatu sistem buatan manusia yang secara umum terdiri atas sekumpulan 


komponen berbasis komputer dan manual yant dibuat untuk menghimpun, 


menyimpan, dan mengegola data serta menyediakan informasi keluaran kepada 


para pemakai. 


Menurut Hall (Kadir, 2003: 11), sistem informasi adalah sebuah rangkaian 
prosedur formal dimana data dikelompokkan, diproses menjadi informasi, dan 


didistribusikan kepada pemakai. 


Menurut Turban, Mc Lean, dan Wetherbe (Abdul Kadir, 2003: 11), sebuah 
sistem informasi mengumpulkan, memproses, menyimpan, menganalisis, dan 


menyebarkan informasi untuk tujuan yang spesifik. 


Menurut Alter (Kadir, 2003: 11), sistem informasi adalah kombinasi antara 
prosedur kerja, informasi, orang dan teknologi informasi yang diorganisasikan 


untuk mencapai tujuan dalam sebuah organisasi. 


2.1.2 Konsep Dasar Bimbingan Belajar 


2.1.2.1 Pengertian Bimbingan Belajar 


Bimbingan adalah proses pemberian bantuan kepada murid memperhatikan 
murid itu sebagai individu dan makhluk sosial, serta memperhatikan adanya 
perbedaan-perbedaan individu agar murid itu dapat membuat tahap seoptimal 
mungkin dalam proses perkembangan dan agar ia dapat menolong dirinya, 
menganalisa dan menemukan masalah-masalah terutama ditekankan pada 
kesejahteraan jiwa/mental (Balitbang, 1978 : 2). 

Menurut Pedoman PPL UMN Malang (1999), bimbingan belajar siswa 


adalah upaya mengenal, memahami dan menetapkan siswa yang mengalami 


kesulitan belajar dengan kegiatan  mengidentifikasikan, mendiagnosa, 
memprognosa dan memberikan pemecahan masalah. 

Dari beberapa pendapat para ahli dapat disimpulkan bahwa bimbingan 
adalah suatu pemberian bantuan yang ditujukan kepada individu atau kelompok 
siswa agar yang bersangkutan dapat mengenali dirinya sendiri, baik kemampuan 
yang dimilikinya maupun kelemahannya agar selanjutnya dapat mengambil 
kesulitan yang dihadapi serta dapat memahami lingkungannya secara tepat 
sehingga dapat memperoleh kebahagiaan hidupnya. 

Langkah-Langkah Bimbingan Belajar: 

1. Mengenal siswa yang mendapat kesulitan belajar dengan menggunakan 
norma atau ukuran kriteria tertentu. 

2. Mencari sebab-sebab siswa mendapat kesulitan. 

3. Mencari usaha untuk membantu memecahkan kesulitan-kesulitan itu. 

4. Mengadakan pencegahkan supaya kesulitan yang dialami seseorang tidak 


menular kepada yang lain (Sutijono, S, 1991 : 49). 


Jika permasalahan siswa tidak segera ditemukan solusinya, siswa akan 
mengalami kegagalan atau kesulitan belajar yang dapat mengakibatkan rendah 
prestasinya/tidak lulus, rendahnya prestasi belajar atau tidak dapat melanjutkan 


belajar (S. Sucitze, 1972 : 2). 


Langkah-langkah yang ditempuh untuk menjamin keberhasilan belajar adalah : 


1. Identifikasi masalah siswa 
Identifikasi masalah siswa adalah untuk menentukan siswa yang mengalami 


kesulitan belajar yang sangat memerlukan bantuan. Langkah ini “sangat mendasar 


sekali” dan merupakan awal kegiatan bimbingan terhadap siswa yang bermasalah, 
untuk menentukan masalah yang dialaminya. Dalam bimbingan belajar siswa, 
masalah yang terjadi dijaga kerahasiaannya. Dikandung maksud agar siswa yang 
mengalami permasalahan tidak terbebani, tidak ragu dan tanpa rasa takut 
mengungkapkan permasalahannya dengan jujur. 
2. Diagnosa 

Diagnosa dialkukan dalam bimbingan belajar, diartikan sebagai rumusan- 
rumusan masalah siswa, jenis kesulitan serta latar belakang kesulitan dalam 
pelajaran, serta kesulitan belajar atau masalah yang mengganggu aktivitasnya 
sehari-hari sehingga mempengaruhi belajarnya. 
3. Pronogsa 

Pronogsa merupakan kegiatan memperkirakan permasalahan, apabila siswa 
yang mengalami kesulitan belajar tidak segera mendapat bantuan. Bertujuan untuk 
menentukan bantuan yag dapatdiberikan kepadanya. 
4. Pemberian bantuan 

Bantuan yang diberikan dengan pengarahan, motivasi belajar. Cara 
mengatasi masalah kesulitan belajar melalui latihan-latihan dan tugas baik 
individu maupun kelompok, secara rutin. 
5. Follow up (tindak lanjut) 

Tindak lanjut kegiatan bimbingan belajar, untuk mengevaluasi sejauh mana 
keberhasilan atau ketidakberhasilan, usaha-usaha memberikan bantuan pemecahan 


masalah yang telah diberikan. 


2.1.2.2 Teknik Pemberian Bimbingan 
Ada beberapa teknik pemberian bimbingan belajar antara lain : 

1. Bimbingan individual, diberikan kepada beberapa siswa yang mengalami 
kesulitan belajar yang berbeda-beda dengan cara memberikan bimbingan 
secara langsung berupa latihan atau pengurusan individu. 

2. Bimbingan kelompok 

a. Bimbingan kelompok kecil, antara 2-5 siswa, bantuan ini berupa kelompok 
kecil. Dengan cara latihan kelompok atau tugas kelompok salah satu teman 
yang pandai menjadi tutor sebaya. 

b. Bimbingan belajar kelompok besar, terdiri dari 6-10 siswa, peranan guru 
sebagai motivator, yang membimbing sekelompok siswa aktif belajar. 
Dalam kegiatan ini guru menciptakan situasi agar diskusi terjadi sehingga 


semua anggota kelompok dapat ikut aktif dalam diskusi. 


Materi dapat berupa latihan atau penugasan yang terkait dengan materi. 
Guru berkewajiban untuk memberikan bimbingan dan bantuan khusus kepada 
siswa yang mengalami kesulitan belajar mampu mengatasi kesulitan sendiri 


dengan baik. 


2.1.3 Konsep Dasar Absensi Guru 


Absensi atau kartu jam hadir ialah dokumen yang mencatat jam hadir setiap 
karyawan disekolah. Catatan jam hadir karyawan tersebut dapat berupa daftar 
hadir biasa, dapat juga pula berbentuk kartu hadir yang diisi dengan mesin 
pencatat waktu. Pekerjaan mencatat waktu pada dasarnya dapat dipisahkan 


menjadi 2 (dua) bagian yakni pencatatan waktu hadir (attendance time keeping) 


waktu kerja (shop time Keeping). Pencatatan jam hadir pada hadir pada kartu jam 
hadir yang dilakukan oleh pada setiap pengawai atau pekerja bisa mempengaruhi 
gaji bersih atau take home pay yang akan diterima oleh si pengawai atau pekerja 
setiap bulannya. Karena jika karyawan atau guru lupa atau tidak mencatatkan jam 
hadirnya pada kartu jam hadir akan dapat mempengaruhi komponen-komponen 
yang ada pada gaji, terutama sekali pada pos tunjangan, dikarenakan tunjangan 
yang diberikan disekolah pada setiap karyawan atau pekerja tergantung dari 
beberapa banyak pengawai atau pekerja hadir pada jam kerja. Seperti tunjangan 


makan dan juga transportasi. 


2.1.4 Konsep Dasar Absensi Siswa 


Absensi adalah sebuah kegiatan pengambilan data guna mengetahui jumlah 
kehadiran pada suatu acara. Setiap kegiatan yang membutuhkan informasi 
mengenai peserta tentu akan melakukan absensi. Hal ini juga terjadi pada pihak 
proses belajar. Kegunaan absensi ini terjadi pada pihak pelajar dan pihak pengada 
proses belajar mengajar. Salah satu kegunaan absensi ini kepada pihak pelajar 
antara lain adalah dalam perhitungan kemungkinan pelajar untuk mengikuti ujian 
dan salah satu kegunaan informasi absen ini kepada pihak pengada kegiatan 
belajar mengajar antara lain untuk melakukan evaluasi kepada kepuasan pelajar 
terhadap suatu mata pelajaran dan pembuatan tolak ukur ke depan guna pemberian 


yang lebih baik. 


2.1.5 Konsep Dasar Berbasis Web 


Aplikasi berbasis web (web based application) adalah aplikasi yang dapat 
dijalankan langsung melalui web browser bisa menggunakan internet dan tidak 


tergantung pada sistem operasi yang digunakan. (Rizky, 2010). 


Perkembangan internet tidak terlepas dari Web atau World Wide Web, 
disingkat WWW. Web sebagai sumber informasi yang terdapat dalam diri internet 
memiliki kemudahan bagi pencari informasi untuk mengaksesnya, tanpa dibatasi 
oleh ruang dan waktu. Namun yang perlu diingat adalah bahwa World Wide Web 
bukanlah internet, demikian pula sebaliknya, internet bukanlah Web. Web sendiri 


terdiri dari dokumen cross-linked yang disebut page, yang dikelola internet. 


Web adalah suatu sistem hypertext yang membantu anda menjelajah dunia 
untuk mencari informasi. Tidak seperti melakukan pencarian dengan kata kunci. 
Dengan WWW atau web, anda akan mengikuti jalur dari kata yang saling 
berkaitan. (Jhoonsen, 2004) wahana komputer semarang (2000), “menyatakan 
web adalah sistem layanan informasi diinternet yang berbasis grafis dan 


memungkinkan siapapun untuk berada 24 jam di internet”. 


Web terdiri atas beberapa jenis yaitu: 


1. Komersial, merupakan jenis web yang berekstensi com/co. 
2. Pendidikan, merupakan jenis web yang berekstensi edu.id/ac.id 
3. Pemerintahan, merupakan jenis web yang berekstensi gof. 


4. Organisasi, merupakan jenis web yang berekstensi go.id/or.id. 


2.1.6 Konsep Dasar Database Manajemen Sistem (DBMS) 


2.1.6.1 Definisi Basis Data 


Menurut Janner Simarmata (1) (2007) :“Basis data adalah suatu aplikasi 
terpisah yang menyimpan suatu koleksi data. masing - masing basis data memiliki 
satu Application Program Interface (API) atau lebih yang berbeda untuk 


menciptakan, mengakses, mengelola, mencari, dan mereplikasi data”. 


Menurut Adi Nugroho (2004 : 4) yang dimaksud dengan basis data adalah 
koleksi dari data-data yang terorganisasi dengan cara sedemikian rupa sehingga 
data mudah disimpan dan dimanipulasi (diperbaharui, dicari, diolah dengan 


perhitungan-perhitungan tertentu, serta dihapus). 


Martin (dalam Sutabri, 2005) menjelaskan bahwa database adalah suatu 
kumpulan data yang terhubung (interrelated data) yang disimpan secara bersama- 
sama pada suatu media, tidak terulang (controlled redundancy) dan dikontrol 
dengan cara tertentu sehingga mudah digunakan atau ditampilkan kembali, dapat 
digunakan oleh satu atau lebih program aplikasi secara optimal, data disimpan 
tanpa ketergantungan kepada program yang akan menggunakannya, dapat 


ditambah, diambil, dimodifikasi dengan mudah dan terkontrol. 


Menurut Gordon C. Everest, database adalah koleksi atau kumpulan data 
yang mekanis, terbagi / shared, terdefinisi secara formal dan dikontrol terpusat 
pada organisasi. Menurut C.J. Date, database adalah koleksi “data operasional” 
yang tersimpan dan dipakai oleh sistem aplikasi dari suatu organisasi. Terdapat 
data input adalah data yang masuk dari luar sistem, data output adalah data yang 


dihasilkan sistem,dan data operasional adalah data yang tersimpan pada sistem. 


Menurut Connolly dan Beg (2010: p17), Database Manajemen Sistem 
(DBMS) adalah suatu sistem perangkat lunak yang memungkinkan 
penggunauntuk mendefinisikan, membuat, memelihara, dan mengatur akses ke 


basis data. 


2.1.6.2 Tujuan Basis Data 


Tujuan utama DBMS adalah untuk menyediakan tinjauan abstrak dari data 
bagi user. Jadi sistem menyembunyikan informasi mengenai bagaimana data 
disimpan dan dirawat, tetapi data tetap dapat diambil dengan efisien. 
Pertimbangan efisiensi yang digunakan adalah bagaimana merancang struktur 
data yang kompleks, tetapi tetap dapat digunakan oleh pengguna yang masih 
awam, tanpa mengetahui kompleksitas struktur data. Basis data menjadi penting 
karena munculnya beberapa masalah bila tidak menggunakan data yang terpusat, 
seperti adanya duplikasi data, hubungan antar data tidak jelas, organisasi data dan 
update data menjadi rumit. Jadi tujuan dari pengaturan data dengan menggunakan 


basis data adalah : 


1. Menyediakan penyimpanan data untuk dapat digunakan oleh organisasi atau 
perusahaan saat sekarang dan masa yang akan datang. 

2. Cara pemasukkan data sehingga memudahkan tugas operator dan 
menyangkut pula waktu yang diperlukan oleh pemakai untuk mendapatkan 
data serta hak -hak yang dimiliki terhadap data yang ditangani. 

3. Pengendalian data untuk setiap siklus agar data selalu up-to-date dan dapat 


mencerminkan perubahan spesifik yang terjadi disetiap sistem. 


4. Pengamanan data terhadap kemungkinan penambahan, modifikasi, 


pencurian dan gangguan-gangguan lain. 


Basis data (database) adalah sekumpulan data yang berhubung secara 
logical yang dipakai bersama dan deskripsi data ini dirancang untuk menemukan 
informasi-informasi yang dibutuhkan oleh sebuah organisasi (Connolly & Begg, 
2014). Basis data bukan merupakan file-file yang tidak terhubung dengan data 
yang redundan, melainhkan semua data yang ada diintegrasikan dengan nilai 
duplikasi yang minimal. Basis data tidak lagi dimiliki oleh hanya satu departemen 


saja tetapi seluruh sumber daya perusahaan yang digunakan bersama. 


Database Management System (DBMS) merupakan suatu alat berbasis 
komputer yang digunakan untuk menyimpa dan mengolah data yang bertujuan 
untuk menciptakan keadaan yang mudah dan efisien dalam pemakaian dan 
penyimpanan data. Dua tujuan utama dari konsep database adalah meminumkan 


pengulangan data dan mencapai independensi data. 


Pengulangan data (data redundancy) adalah aplikasi data yang artinya data 
yang disimpan dalam beberapa file. Independensi data adalah kemampuan untuk 
membuat suatu struktur data tanpa membuat perubahan pada program yang 


memproses dalam table dan kamus data yang terpisah secara fisik dari program. 


Database adalah kumpulan file-file yang saling berelasi. Relasi tersebut 
biasa ditujukan dengan kunci dari file yang ada. Satu database menunjukkan satu 


kumpulan data yang dipakai dalam suatu lingkup perusahaan atau instansi. 


Set program pengelola merupakan satu paket program yang dibuat agar 
memudahkan dan mengefisiensikan pemasukan atau perekaman informasi dan 


pengambilan atau pembacaan informasi ke dalam database. 


Adapun tujuan dari pengelolahan data yang dilakukan adalah untuk 
menghasilkan suatu output/keluaran yang nantinya dipergunakan sebagai dasar 


untuk pengambilan suatu keputusan informasi. 


2.1.7 Perancangan Sistem Informasi 


2.1.7.1 Bagan Alir (Flowchart) 


Flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan 
langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara 
penyajian dari suatu algoritma. Ada dua macam flowchart yang menggambarkan 


dengan komputer, yaitu (7J: 


a. Sistem flowchart 
Sistem flowchart merupakan bagan yang memperlihtakan urutan proses 
dalam sistem dengan menunjukkan alat media input, output serta jenis 
media penyimpan dalam proses pengolahan data. 

b. Program Flowchart 
Program flowchart merupakan bagan yang memperhatikan urutan istruksi 
yang digambarkan dengan simbol tertentu untuk memecahkan masalah 
dalam suatu program. 


2.1.7.2 Simbol-simbol Flowchart 


Flowchart disusun dengan simbol. Simbol ini dipakai sebagai alat bantu 


menggambarkan proses didalam program. Simbol chart mewakili fungsi langkah 


pengerjaan, sedangkan simbol garis panah mewakili alir pengerjaan symbol chart. 


Simbol-simbol yang digunakan dapat dibagi menjadi 3 (tiga) kelomppok, yaitu (71: 


a. Flow Direction Symbol (simbol penghubung/alur) 
Simbol yang digunakan untuk menghubungkan antara simbol yang satu 
dengan simbol yang lain. Simbol ini disebut connecting line, simbol-simbol 
tersebut adalah (7): 


Tabel 2.1 Flow Direction Symbol 











No. Gambar Nama Keterangan 
ee ——P Simbol Arus / | Digunakan untuk menyatakan 
| ! Flow jalannya arus suatu proses 
2 Simbol Digunakna untuk menyatakan 
PA Communiction | adanya transisi suatu data / 
link inforrmasi dari suatu lokasi ke 


lokasi lainnya 





3 Simbol Digunakan untuk menyatakan 


0) Connector sambungan dari suatu proses 


ke proses lainnya dalam 


halaman / lembar yang sama. 





4 Simbol Offline | Digunakan untuk menyatakan 
Connector sambungan dari suatu proses 
ke proses lainnya dalam 
halaman / lembar yang 


berbeda 




















Processing Symbol (simbol proses) 


Merupakan simbol yang menunjukkan operasi pengolahan dalam suatu 


proses / prosedur, simbol-simbol tersebut yaitu: 


Tabel 2.2 Processing Symbol 



































No. Gambar Nama Keterangan 
1! Simbol Digunakan untuk menyatakan 
pol offline sambungan dari suatu proses ke 
connector | proses lainnya dalam halaman / 
lembar yang berbeda. 
2 Simbol Digunakan untuk menyatakan 
manual tindakan (proses) yang tidak 
NN. dilakukan oleh komputer 
(manual). 
3 Simbol digunakan untuk menunjukkan 
Decision/ | suatu kondisi tertentuyang akan 
logika menghasilkan dua kemungkinan 
jawaban, ya (yes) / tidak (no). 
4 SImbol Digunakan untuk memberikan 
(0) Predefined | nilai awal pada suatu variabel. 
Proses 
5 Simbol Digunakan untuk permulaan 
0) Terminal atau akhir suatu program. 
6 Simbol Digunakan untuk menyatakan 
1 Keying segala jenis opereasi yang 
operator diproses dengan menggunakan 











suatu mesin yang mempunyai 


keyboard. 





Simbol off- 


line storage 


Digunakan menunjukan bahwa 
data simbol ini akan disimpan 


ke suatu media tertentu. 








Cc. Input-Output Symbol (simbol input-output) 





Pe 





Simbol 


manual Input 





Digunakan untuk memasukkan 
data secara manual dengan 


menggunakan online keyboard. 


Merupakan simbol yang menunjukkan jenis peralatan yang digunakan 


sebagai media input-output, simbol-simbol tersebut adalah (7): 


Tabel 2.3 Input-Output Symbol 




















No. Gambar Nama Keterangan 
1 Simbol Digunakan untuk menyatakan 
ya ng Input- proses input-outputtanpa 
Output tergantung dengan jenis 
peralatan. 
2 Simbol Digunakan untuk menyatakan 
Punched | input berasal dari kartu atau 
Card output ditulis ke kartu. 
3 Simbol | Digunakan untuk menyatakan | 
0) Magnetic- | input berasal dari pita magnetic 
tapeunit | atau output disimpan ke pita 
magnetic. 











4 Simbol Disk | Digunakan menyatakan input 


Storage berasal dari disk atau output 








disimpan ke disk. 

5 Simbol Digunakan untuk mencetak 
Document | laporan ke printer 

6 Simbol Digunakan untuk menyatakan 


Si Display peralatan output yang digunakan 


berupa layar (video, komputer) 














2.1.7.3 Data Flow Diagram (DFD) 


Pengertian data Flow Diagram (DFD) adalah suatu model yang 
menggambarkan system sebagai jaringan kerja antar fungsi yahng berhubungan 
satu sama lain dengan aliran dan penyimpanan data. Sebagai perangkat analisis, 
model ini hanya mampu memodelkan system dari satu sudut pandang yaitu sudut 
pandang fungsi. Definisi lain tentang DFD yaitu suatu network yang 
menggambarkan suatu sistem automat/komputerisasi, manualisasi atau gabungan 
dari keduanya, yang penggambarannya disusun dalam bentuk kumpulan 


komponen sistem yang saling berhubungan sesuai dengan aturan mainannya. 


Data Flow Diagram memilliki empat komponen, yaitu Terminator, proses, 


datastore dan data flow (81. 





Komponen Terminator 
Terminator mewakili entitas eksternal yang berkomunikasi dengan sistem 
sedang dikembangkan. Biasanya terminator dikenal dengan nama entitas 


(eksternal), sumber atau tujuan (source arau sink). 


— 


Gambar 2.2 Lambang Komponen Terminator 


Komponen Proses 

Komponen proses menggambarkan bagian dari proses sistem yang 
mentransformasikan input menjadi output. Proses diberi nama untuk 
menerangkan kegiatan / proses apa yang sedang dilakukan. Pemberian nama 
proses dilakukan dengan menggunakan kata kerja transitif (kata kerja yang 


membutuhkan objek). 


Gambar 2.3 Lambang Komponen Proses 


Komponen Data Store 
Data store digunakan untuk membuat model sekumpulan paket data. Nama 
yang diberikan pada data store menggunakan kata benda jamak. Data store 


ini berkaitan dengan penyimpanan secara komputerisasi. 


Ni 


Gambar 2.4 Lambang Komponen Data Store 


d. Komponen Data Flow/Alur data 
Data Flow / Alur data direpresentasikan dengan anak panah yang 
menunjukan arah menuju keluar dari suatu proses. Alur data ini digunakan 
untuk menerangkan perpindahan data atau satu paket data dari satu bagian 


sistem ke bagian lainnya. 


——--A 
— 


Gambar 2.5 Lambang Komponen Alur Data 


2.1.7.4 Entity Relationship Diagram (ERD) 


Entity Relationship Diagram (ERD) adalah sekumpulan cara atau peralatan 
utuk mendeskripsikan data-data atau objek-objek yang dibuat berdasarkan dan 
berasal dari dunia nyata yang disebut entitas (entity) serta hubungan (Relationship) 
antar entitas-entitastersebut dengan menggunakan beberapa notasi. Komponen- 


komponen pembentuk ERD dilihat pada tabel 2.4 dibawah ini. 


Tabel 2.4 Komponen-komponen ERD 





No. Gambar Nama Keterangan 





1 Entitas Individu yang mewakili suatu objek 
dan dapat dibedakan dengan objek 


yang lain. 








2 Atribut Properti yang dimiliki oleh suatu 


entitas, yang dapat mendeskripsikan 


: 


karakteristik dari entitas tersebut 
3 Relasi Menunjukkan hubungan diantara 


sejumlah entitas yang berbeda. 




















4 Relasi 1:1 


5 Relasi 1:N 


6 Relasi N:N 











Relasi yang menunjukkan bahwa 
setiap entitas pada himpunan entitas 
pertama berhubungan dengan paling 
banyak satu entitas pada himpunan 
entitas kedua. 

Relasi yang menunjukkan bahwa 
adanya hubungan antara entitas 
pertama dengan entitas kedua 
adalah satu banding banyak atau 
sebaliknya. Setiap entitas dapat 
berelasi dengan banyak entitas pada 
himpunan entitas yang lain. 
Hubungan ini menunjukkan bahwa 
setiap entitas pada himpunan entitas 
yang pertama dapat berhubungan 
dengan banyak entitas pada 
himpunan entitas yang kedua, 


demikian juga sebaliknya. 





2.1.8 Perangkat Lunak yang digunakan 


2.1.8.1 PHP (Hypertext Prepocessor) 


Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs 


personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada 


waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa 





sekumpulan skrip yang digunakan untuk mengolah data formulir dari web. 
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan 
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber 
terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP. 

Pada Juni2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter 
PHP mengalami perubahan besar. Versi ini juga memasukkan 
model pemrograman berorientasi objek ke dalam PHP untuk menjawab 
perkembangan bahasa pemrograman ke arah paradigma berorientasi objek. Versi 
terbaru dari bahasa pemograman PHP adalah versi 5.6.4 yang resmi dirilis pada 
tanggal 18 Desember 2014. 

PHP (Personal Homepage) merupakan bahasa pemrograman script 
webserver side. Dengan menggunakan PHP maka maintenance suatu web menjadi 
lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi 
yang dibuat dengan menggunakan script PHP Keluwesan PHP yang mampu 
berinteraksi dengan hampir semua teknologi web menjadikan PHP sebagai bahasa 
pemrograman yang populer. Salah satunya adalah dalam interaksinya dengan 
database-database modern seperti Oracle, MySOL, PostgreSOL, Interbase, MS 
Access dan sebagainya. 

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain: 

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak 
melakukan sebuah kompilasi dalam penggunaannya. 

2. Web Server yang mendukung PHP dapat ditemukan di mana - mana dari 
mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif 


mudah. 


3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan 
developer yang siap membantu dalam pengembangan. 

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah 
karena memiliki referensi yang banyak. 

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin 
(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime 
melalui console serta juga dapat menjalankan perintah-perintah system. 

PHP (PHP Hypertext Prepocessor) adalah bahasa scripting yang menyatu 
dengan HTML dan dijalankan pada server slide, artinya semua sintak akan 
dijalankan pada server sedangkan yang dikirim ke browser hanya hasilnya saja. 
Hal ini memungkinkan sekuritas aplikasi terjaga dengan baik karena klien tidak 


dapat melihat kode sumber dari tampilan yang dilihatnya. 


File PHP diletakkan di server dan seluruh prosesnya dikerjakan di server, 
kemudian hasilnya yang dikirim ke clien, tempat pemakai menggunakan browser. 
PHP bekerja didalam sebuah dokumen HTML (Aypertext Markup Language) 
untuk dapat menghasilkan isi dari sebuah halaman web sesuai dengan permintaan. 
Dengan PHP, kita dapat merubah situs kita menjadi sebuah aplikasi berbasis web, 


tidak lagi hanya sekedar sekumpulan halaman static, yang jarang diperbarui. 


PHP merupakan skrip yang dijalankan di server, dimana kode yang 
menyusun program tidak perlu diedarkan ke pemakai sehingga kerahasiaan kode 


dapat dilindungi. (Abdul Kadir, 2002). 


PHP didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara 


bahasa HTML dank arena bahasa server-side, maka bahasa PHP akan dieksekusi 


deserver, sehingga dikirimkan ke browser adalah “hasil jadi” dalam bentuk 
HTML, dan kodePHP anda tidak akan terlihat PHP. PHP termasuk open source 
product dan saat ini telah mencapai versi 5. Jadi anda dapat mengubah source 
code dan mendistribusikan secara bebas. Php juga diedarkan secara gratis. PHP 


dapat berjalan di berbagai Web Server semisal IIS, Apache, PWS, dll. 


Aturan penulisan Skrip PHP adalah: 


a. Semua skrip php harus diapit oleh tanda: 
«?php dan ?5,atau 
Sscript language— php "dan «/script» atau 
«? dan ?5, atau 
«Io dan Fo” 
b. Tetapi tanda yang resmi dan paling banyak digunakan adalah yang pertama, 
yaitu «?php dan ?» 
c. Pada setiap akhir perintah, diakhiri dengan tanda titik koma (5) (Yuliano: 


2003). 


Script PHP berkedudukan sebagai tag dalam bahasa HTML (Hypertext 
Markup Language) adalah bahasa standar untuk mebuat halaman-halaman web. 


Berikut contoh kode PHP yang berada di kode HTML: 


ShtmIs 

Shead» 

sutles Contoh Program «title 
Y/head» 

Sbody» 

Hello WorldsBR” 


"3 
«Ibody?» 


dihtm 


2.1.8.2 XAMPP 


XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem 
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai 
server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP 
Server, MySOL database, dan penerjemah bahasa yang ditulis dengan bahasa 
pemprograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat 
sistem operasi apapun), Apache, MySOL, PHP dan Perl. Program ini tersedia 
dalam GNU (General Public License)dan bebas, merupakan web server yang 


mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. 





XAMPP Control Panel v3.2.2 jon 


Modukes 
Nelstat 
Service Module PIDxs) Port) Actong AD merata 
2784 1 pai Shoa 
Nee, 2768 30, 443 stop...| |. Mamin...) |. conng Loga | PI 
MySOL 6028 3306 Stop | | Admin | | contg Laga .. Expiorer 
Fiezita Star. | Contig Loga T: Services 
Marcury Start. | Contig Loga | 3 new 
Tameat Start | Contg Logs | jk wa 
M (main) Initializing Control Panel 
N (maan) Windows Version: Vindows 7 Starter SPI 92-bit 
M1 main) XAMPP Version: 5.6. 14 
M (main) Control Panel Version: 2.2.2 ( Compiled: Nov 12th 2015 ) 
1 (main) You are not running with administrator rights! This will work for 
( (main) most application stuff but whenever you do something with services 
HN Imain) there wall be a security dialogus or things will break! So thank 
MI main) about rurming this application with administrator rights! 
HM (main) XAMPP Installation Directory: “c:NxamppA” 
1 (main) Choeking for proroguksitos 
M (main) All prereguisites found 
M (main) Initializing Modules 
NM  Capachel XAMPP Apache 15 already running on port 50 
1 (Apache) XAMPP Apache is already rurming on port 443 
1 Inyeal) XAMPP MySOL 18 already running Oon port 3306 
N (main) Starting Check-Tiner 


HM  Imain) Control Panel Ready 








Gambar 2.6 Tampilan aplikasi xampp 


Kemampuan untuk mengintegresikan database ke dalam aplikasi yang 
dapat diakses pengguna web browser inilah telah yang menjadi suatu database 
biasa menjadi web server. 


2.1.8.3 MySOL 


MySOL (Structure Ouery Language) adalah satu dari sekian banyak sistem 
database yang merupakan terobosan solusi yang tepat dalam aplikasi database. 
MySOL merupakan turunan salah satu konsep utama dalam database sejak lama 


yaitu SOL (Structure Ouery Language). 


MySOL merupakan suatu program database server yang mampu menerima 
dan mengirimkan datanya dengan sangat cepat. MySOL dapat juga dikatakan 
sebagai database yang sangat cocok dipadukan dengan PHP. Secara umum, 
database berfungsi sebagai tempat atau wadah untuk menyimpan, 
mengklasifikasikan data secara prefosional. MySOL bekerja menggunakan 
Language (Structure Ouery Language). Itu dapat diartikan bahwa MySOL 


merupakan standar penggunaan database didunia untuk pengolahan data. 


Menurut Bimo Sunarfrihantono (2002), “mengatakan bahwa MySOL 
merupakan multi user database yang menggunakan bahasa Structured Ouery 


Language (SOL)”. 


Menurut Lukmanul Hakim dan Uus Musalini (2004), “mengatakan bahwa 
MySOL merupakan salah satu jenis program database server, yaitu sebuah 
program yang berfungsi untuk mengolah, menyimpan dan memanipulasi data dari 


server”. 


MySOL dikembangkan pada tahun 1994 oleh sebuah perusahaan 
pengembang software dan konsultan database di Swedia bernama TcX Data 
Konsult AB. Tujuan awal dikembangkan MySOL adalah untuk mengembangkan 
aplikasi berbasis web pada client. Saat ini MySOL dapat di download secara gratis 


di www.mysgl.com. Sebagai web server yang memiliki konsep database modem, 





MySOL memiliki banyak keistimewaan antara lain: 


a.  Portabilitas, dapat berjalan stabil pada berbagai sistem operasi, seperti 
Windows, Linux, MacOs, dan lain-lain. 

b. Open Source, MySOL didistribusikan secara open source (gratis), dibawah 
lisensi GPL (General Public Licence). 

c.  'Multiuser, MySOL dapat digunakan oleh beberapa user dalam waktu yang 
bersamaan tanpa mengalami masalah. 

d. Performance Tuning, memiliki kecepatan yang menakjubkan dalan 
menangani guery yang sederhana, dapat memproses lebih banyak SOL per 
satuan waktu. 

e. Security memiliki beberapa lapisan security seperti level subnet mask, nama 
host, izin akses user dengan sistem perizinan yang mendetail serta password 
yang terenskripsi. 

f. Scalability and Limits, mampu menangani database dalam skala besar, 
dengan jumlah record lebih dari 50 juta dan 60 ribu serta 5 miliar baris. 
Selain itu batas indeks yag dapat ditampung mencapai 32 indeks pada tiap 
tabelnya. 

Connectivity, dapat melakukan konenksi dengan client menggunakan 


protocol TCP/IP, unix socket, atau named pipes (NP). 


h.  Localization, dapat mendeteksi pesan kesalahan pada client dengan 
menggunakan 20 bahasa. 

1. Interface, memiliki antarmuka terhadap beberapa aplikasi dan bahasa 
pemprograman dengan menggunakan fungsi API (application programming 
interface). 

Te Client and Tools, dilengkapi dengan berbagai tool yang dapat digunakan 
untuk administrasi database, dan pada setiap tool yang ada disertakan 
petunjuk online. 


2.1.8.4 Macromedia Dreamweaver 


Dreamweaver adalah salah satu bentuk program editor web yang dibuat oleh 
macromedia. Dengan program ini, seorang programmer web dengan mudah 


mendesain web. 


Dreamweaver adalah editor yang lengkap digunakan untuk membuat 
animasi sederhana yang berbentuk layer. Dengan adanya program ini, 
programmer tidak akan susah dalam mengetik script format dalam HTML, PHP, 


maupun bentuk program lainnya. 


Sebagai editor, Dreamweaver MX mempunyai sifat WYSIWYG (what you 
see is what you get), artinya apa yang anda lihat akan anda dapatkan dengan 
kelebihan ini, seorang programmer dapat melihat langsung hasil buatannya tanpa 
harus di buka di browser. Seperti program editor-editor lainnya, Dreamweaver 
MX juga memiliki dua bentuk layer, yaitu bentuk halaman desaig dan halaman 


code. Hal ini akan mempermudah dalam menambahkan script berbasis PHP 


maupun Javascript. Dreamweaver juga mendukung pembuatan web berbasis 


HTML, dan program-program web lainnya. 


Zak Ruvalcaba (2000), “menyatakan Dreamweaver adalah WYSIWYG 
(dalam istilah yang lebih sederhana, sebuah editor apa yang anda lihat itulah yang 
anda dapat) dengan pengertian ini, anda dapat membuka dreamweaver, mulai 
mengitik, menyimpan file anda kedalam file HTML, dan melihatnya dalam 


sebuah browser dengan sedikit atau tidak beraturan”. 


Mendisain di dreamweaver bagaikan mendisain mimpi yang indah, hal ini 
dikarenakan dreamweaver mampu mengolah script server side menggunakan 
script PHP, ASP Net, Coldfusion serta JSP. Tidak kalah menarik dreamweaver 
menyediakan fasilitas untuk mengkoneksi database, bila inginn mendisain 
menggunakan database. Tentang client side programnya, dreamweaver masih 
lebih unggul dibandingkan aplikasi-aplikasi pembangunan web lainnya. Dengan 
koleksi behavior yang beragam, dukungan plug-in yang banyak,animasi layer dan 
lain sebagainya, membuat dreamweaver semakin jauh meningkatkan pesaing- 


pesaingnya, hal ini memungkinkan untuk pembuatan halaman web yang interaktif. 


2.2 Penelitian Terdahulu 


Beberapa perancangan tentang website telah dilakukan sebelumnya, 


beberapa penelitian tersebut adalah: 


1g Penelitian yang dilakukan oleh Ahmad Riadi (2012) yang berjudul 
“AplikasiAbsensi Siswa Berbasis Web menggunakan PHP MySOL dan 
JOUERY pada SMA NEGERI 3 Kabupaten Tangerang” ini mengunakan 


metode perancangan Unifed Modelling Language (UML) 6.4 bahasa 


pemrograman HTML PHP, Jguery dan database MySOL sedang dalam 
pembuatan desain program digunakan aplikasi Adobe Dreamweaver SC4. 
Dalam sistem aplikasi absensi ini terdapat fasilitas absensi siswa yang 
didalamnya terdapat submenu data siswa ,reverensi data berupa menu 
siswa ,guru ,kelas user dan laporan.Namun dalam aplikasi ini tidak terdapat 
menu print dalam rekap laporan absensi. Kolerasinya dengan penelitian 
yang penulis lakukan bahwa perlunya menu print file untuk mencetak data 


atau laporan. Sehingga penulis menyediakan menu print file. 


Penelitian yang dilakukan oleh Azka Almira (2011) yang berjudul 
“Perencanaan sistem Informasi Absensi Pegawai Berbasis WEB pada SMA 
Negeri 4 Tangerang” ini menggunkan aplikasi Adobe Dreamweaver Mx. 
Dalam sistem aplikasi absensi pegawai ini terdapat menu admin berupa 
fasilitas absensi, data pegawai , data cuti , rekap absen, rekap cuti dan 
manage user. Namun didalam menu utama / home tidak terdapat visi misi 
dan sejarah sekolah tersebut. Sehingga penulis menciptakan program 
aplikasi absensi berbasi WEB yang menampilkan menu visi misi dan 


sejarah untuk kelelngkapan gambaran tentang sekolah yang bersangkutan. 


Penelitian yang dilakukan Dwi Mochtadi (2009) dengan judul “Perancangan 
Sistem Inuformasi Absensi Pengawai pada PT. Sinar Technik Anugrah 
Dengan Menggunakan VB dan SOLI Server” Penelitian ini membahas 
mengenai proses absensi yang masih berjalan menggunaka sistem semi 
komputer, tetapi dalam penyimpanan data masih belum terstruktur karena 
itu masih terjadi kesalahan dalam pengujian data karena dibutuhkan 


ketelitian yang tinggi sehingga memenimalkan kesalahan. 


BAB ITI 
METODOLOGI PENELITIAN 


31 Kerangka Kerja 


Untuk membantu dalam penyusunan penelitian ini, maka perlu adanya 
susunan kerangka kerja (frame work) yang jelas tahapan-tahapannya. Kerangka 
kerja ini merupakan langkah-langkah yang akan dilakukan dalam penyelesaian 
masalah yang akan dibahas. Adapun kerangka kerja penelitian yang di gunakan 


seperti terlihat pada gambar 3.1 : 


Kegiatan Keluaran 


Studi Literatur 


Pengumpulan data 
Identifikasi Masalah 


Analisis Sistem 


Pengembangan 
Sistem 


Gambar 3.1 : Kerangka Kerja Penelitian 





Berdasarkan kerangka kerja penelitian yang telah digambarkan di atas, maka 
dapat diuraikan pembahasan masing-masing tahap dalam penelitian adalah 


sebagai berikut : 


a. Studi Literatur 

Pada tahap ini dilakukan pencarian landasan-landasan teori yang diperoleh 
dari berbagai buku dan juga internet untuk melengkapi perbendaharaan konsep 
dan teori, sehingga memiliki landasan dan keilmuan yang baik dan sesuai. 
b. Pengumpulan Data 

Pada tahap ini dilakukan proses pengumpulan data dengan metode 
wawancara dan observasi untuk melakukan pengamatan dan analisa terhadap 
proses belajar-mengajar yang sedang berjalan pada Sweet School Batam sehingga 
mendapatkan data dan informasi yang dibutuhkan oleh peneliti. 
C. Analisis Sistem 

Pada tahap ini dilakukan identifikasi masalah pada sistem yang sedang 
berjalan. Dengan demikian, diharapkan peneliti dapat menemukan kendala- 
kendala dan permasalahan yang terjadi pada proses Belajar-mengajar di Sweet 
School Batam sehingga peneliti dapat mencari solusi dari permasalahan tersebut. 
d. Pengembangan Sistem 

Pada Tahap ini dilakukan Pengembangan sistem dengan menggunakan 
model waterfall. 
e. Pembuatan Laporan 

Pada tahapan ini dilakukan pembuatan laporan yang disusun berdasarkan 
hasil penelitian dengan menggunakan teknik pengumpulan data primer dan 
sekunder sehingga menjadi laporan penelitian yang dapat memberikan gambaran 


secara utuh tentang sistem yang sedang dibangun. 


3.2 Metode Pengumpulan Data 


Untuk penyusunan skripsi ini, diperlukan data-data serta informasi yang 
berkaitan sesuai dengan judul yaitu “Sistem Informasi Absensi Berbasis Web 
dengan Menggunakan Dreamweaver Pada Sweet School”. Oleh karena itu, 
sebelum penyusunan skripsi ini dilakukan riset atau penelitian terlebih dahulu 
untuk menjaring data serta informasi terkait. Metode pengumpulan data yang 


dilakukan dalam penulisan skripsi ini, antara lain : 


3.3.1 Studi Pustaka 


Menurut Iyas (2011), studi pustaka dilakukan dengan cara pencarian 
terhadap buku, majalah atau brosur yang berhubungan dengan penelitian, karya- 
karya ilmiah atau jurnal, artikel, baik yang terdapat di perpustakaan maupun di 
internet. Data-data yang berasal dari buku dan internet yang dijadikan referensi 
dalam penyusunan skripsi ini adalah teori-teori yang terdapat pada bab 2 skripsi 


ini. 


3.3.2 Studi Lapangan 


Menurut Iyas (2011), metodologi yang dilakukan dalam studi lapangan yaitu 
melakukan praktek ke lapangan secara langsung untuk memperoleh informasi 
yang berkaitan dengan penelitian. Praktek-praktek yang dilakukan dalam studi 


lapangan, antara lain: 


1. Observasi / Pengamatan 
Penulis melakukan analisa terhadap masalah yang ada dengan cara 


mengamati sumber dan pengolahan data serta mengumpulkan data dari 


3.3 


bagian-bagian yang berhubungan dengan sistem absensi guru dan siswa di 
Sweet School, observasi dilakukan guna melihat langasung proses kerja 
yang berjalan. 

Wawancara / Interview 

Metode wawancara adalah metode pengumpulan data dengan cara 
melakukan tanya jawab langsung kepada dengan Rini Arvika Sari, S.pd 


selaku pemilik tempat les Sweet School di Batam. 


Metode Pendekatan Sistem 


Metode pendekatan sistem merupakan pendekatan dengan cara bagaimana 


menggunakan alat-alat dan peraturan-peraturan yang melengkapi satu atau lebih 


tahapan-tahapan pengembangan sistem informasi. 


Adapun metode pendekatan sistem yang digunakan dalam pembuatan sistem 


informasi absensi adalah dengan cara pendekatan terstruktur yang berorientasi 


pada data yaitu analisis dan perancangan terstruktur. Pendekatan terstruktur 


adalah pengembangan sistem yang mengikuti tahapan-tahapan pengembangan 


sistem dengan dilengkapi alat dan teknik pengumpulan data. Adapun alat yang 


digunakan sebagai alat bantu adalah sebagai berikut: 


1. 


FlowChart 

Flowchart atau diagram alir merupakan sebuah diagram dengan simbol- 
simbol grafis yang menyatakan aliran algoritma atau proses yang 
menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, 
beserta urutannya dengan menghubungkan masing masing langkah tersebut 


menggunakan tanda panah. 


UML atau Unified Modelling Language 


UML atau Unified Modelling Language yaitu suatu metode permodelan 


secara visual untuk sarana perancangan sistem berorientasi objek, atau 


definisi UML yaitu sebagai suatu bahasa yang sudah menjadi standar pada 


visualisasi, perancangan dan juga pendokumentasian sistem software. Jenis- 


Jenis diagram UML yaitu : 


a. 


Use case diagram 

Use case diagram yaitu diagram yang menggambarkan interaksi antara 
sistem dan aktor, use case diagram juga dapat mendeskripsikan tipe 
interaksi antara pemakai sistem dengan sistemnya. 

Activity Diagram 

Activity diagram atau diagram aktivitas yaitu jenis diagram pada UML 
yang dapat memodelkan proses-proses apa saja yang terjadi pada sistem. 
Seguence diagram 

Seguence diagram yaitu jenis diagram yang menjelaskan interaksi objek 
yang berdasarkan urutan waktu, seguence diagram juga dapat 
menggambarkan urutan atau tahapan yang harus dilakukan untuk dapat 
menghasilkan sesuatu seperti pada use case diagram. 

Class diagram 

Class diagram yaitu jenis diagram pada UML yang digunakan untuk 
menampilkan kelas dan paket yang ada pada suatu sistem yang akan 
digunakan. Diagram tersebut dapat memberikan sebuah gambaran 


mengenai sistem maupun relasinya. 


Statemachine diagram 

Statemachine diagram yaitu jenis diagram pada UML yang 
menggambarkan transisi maupun perubahan keadaan suatu objek pada 
sistem. 

Communication diagram 

Communication diagram yaitu jenis diagram pada UML yang 
menggambarkan tahapan terjadinya aktivitas dan diagram ini juga 
menggambarkan interaksi antara objek yang ada pada sistem. Hampir 
sama seperti seguence diagram akan tetapi communication diagram 
lebih menekankan kepada peranan masing-masing objek pada sistem. 
Deployment diagram 

Deployment diagram yaitu diagram pada UML yang menunjukan tata 
letak suatu sistem secara fisik, dapat juga dikatakan untuk menampilkan 
bagian-bagian software yang terdapat pada hardware dan digunakan 
untuk menerapkan suatu sistem dan hubungan antara komponen 
hardware. 

Component diagram 

Component diagram yaitu jenis diagram yang menggambarkan 
software pada suatu sistem. Component diagram merupakan penerapan 
software dari satu ataupun lebih class, dan biasanya berupa file data 


atau .exe, source kode, table, dokumen dsb. 


Object diagram 

Object diagram yaitu salah satu jenis diagram pada UML yang 
menggambarkan objek-objek pada suatu sistem dan hubungan antarnya. 
Composite structure diagram 

Composite structure diagram yaitu salah satu jenis diagram pada UML 
yang menggambarkan struktur internal dari penklasifikasian (class, 
component atau use case) dan termasuk titik-titik interaksi 
penklasifikasian kebagian lainnya dari suatu sistem. Ini hampir mirip 
seperti class diagram akan tetapi composite structure diagram 
menggambarkan bagian-bagian dari individu kelas saja bukan semua 
kelas. 

Interaction Overview Diagram 

Interaction Overview diagram yaitu yang berguna untuk 
menvisualisasikan kerjasama dan hubungan antara activity diagram 
dengan seguence diagram. 

Package diagram 

Package diagram yaitu salah satu jenis diagram pada UML digunakan 
untuk mengelompokan kelas dan juga menunjukan bagaimana elemen 
model akan disusun serta mengambarkan ketergantungan antara paket- 
paket. 

Diagram Timing 

Diagram timing yaitu yang disebut sebagai bentuk lain dari interaksi 


diagram, dimana fokus yang paling utamanya kepada waktu. Diagram 


timing untuk menunjukan faktor-faktor yang membatasi waktu antara 


perubahan state terhadap objek yang berbeda. 


34 Metode Pengembangan Sistem 
Menurut Jogiyanto (2010), Metodologi pengembangan sistem adalah 

metode-metode, prosedur-prosedur, konsep-konsep pekerjaan, aturan-aturan dan 

postulat-postulat yang akan digunakan untuk mengembangkan suatu sistem 
informasi. Dalam penyusunan skripsi ini menggunakan proses System 

Development Life Cycle (SDLC). Tahapan pada metodologi pengembangan sistem 

dengan SDLC yang dilakukan adalah sebagai berikut: 

3.4.1 Analisis 
Tahapan analisis ini dilakukan dengan melakukan analisa terhadap sistem 

yang sedang berjalan, kemudian diidentifikasi permasalahan yang terjadi pada 
sistem berjalan berdasarkan data-data terkumpul dari metode pengumpulan data 
dan didefinisikan kebutuhan yang harus dipenuhi untuk pembuatan sistem ini 
sehingga menghasilkan usulan rancangan aplikasi absensi berbasis web. Peneliti 
melakukan beberapa hal yang diperlukan dalam menganalisa pada sistem ini, 
berikur ini rincian tahapannya: 

1. Analisis sistem berjalan, diuraikan prosedur dari sistem informasi yang 
sedang berjalan dengan menggunakan flowchart, kekurangan yang ada pada 
sistem yang sedang berjalan. Identifikasi masalah dari flowchart sistem 
berjalan dan solusi permasalahan menguraikan tentang beberapa usulan 
alternatif yang dapat membantu menyelesaikan permasalahan yang ada 


dalam sistem absensi. 


2. Usulan rancangan aplikasi absensi berbasis web, tahapan ini menguraikan 
tahapan dari membuka website, tampilan nama, nomor induk siswa, nama 
guru, ruangan, mata pelajaran dan lain-lain, checkout. Hasil dari sistem 
usulan ini digambarkan dalam bentuk flowchart. 

3.4.2 Perancangan 
Perancangan sistem dilakukan dengan melakukan  pengambaran 

dreamweaver, sistem yang akan dibangun berdasarkan solusi permasalahan dari 

tahap analisis. Pengambaran dilakukan dengan melihat fungsi-fungsi sistem, 
aliran data pada sistem. 

3.4.3 Implementasi 
Dalam tahap ini akan dilakukan implementasi sistem yang dilakukan dengan 

membangun aplikasi berbasis web, dalam tahap ini sistem dibangun dengan 

menggunakan PHP sebagai bahasa scripting, apache, dan MySOL sebagai 
pengolah database dengan menggunakan paket Xampp. 

Di dalam mengerjakan sebuah penelitian, tentulah sebagai seorang penulis 
harus menyusun terlebih dahulu langkah-langkah atau tahapan-tahapan pengerjaan 
yang penulis kerjakan dalam proses Perancangan LMS (Learning Management 
System) pada Sweet School Batam. Metode pengembangan sistem mengacu pada 
model waterfall atau yang sering disebut juga dengan model air terjun. Model ini 
mengusulkan sebuah pendekatan perangkat lunak yang sistematik dan sekuensial 
yang dimulai pada tingkat dan kemajuan sistem pada seluruh System 


Engineerinng, Analys, Design, Coding, Testing, dan maintenance. 


System Engineering 














Gambar 3.2 : Pengembangan Software Model Waterfall 


1. Sistem Engineerinng 

Pada tahap ini, penulis memulai pekerjaan dengan mendefinisikan dan 
mengumpulkan semua bahan-bahan seperti teori-teori yang di butuhkan dalam 
membentuk suatu informasi yang akan digunakan pada tahapan selanjutnya. 
2. Analys 

Pada tahap ini dilakukan analisis kebutuhan dari software yang akan 
dirancang dan dibuat, meliputi analisis fungsi/proses yang dibutuhkan, analisis 
output, analisis input, dan analisis kebutuhan. 
3. Design 

Pada tahap ini, dilakukan perancangan software yang bertujuan untuk 
memberikan gambaran apa yang seharusnya di kerjakan oleh software dan 
bagaimana tampilannya, meliputi rancangan output, rancangan input, rancangan 
struktur data yang digunakan, rancangan struktur software dan rancangan 
algoritma software. Tahapan ini membantu dalam menspesifikasikan kebutuhan 


dan arsitektur software secara keseluruhan. 


4. Coding 

Pada tahap ini, dilakukan proses coding atau pembuatan software. Pembuatan 
software dipecah menjadi beberapa modul yang nantinya akan digabungkan dalam 
tahap berikutnya. Selain itu dalam tahap ini juga dilakukan untuk mengetahui 
apakah sudah memenuhi fungsi yang diinginkan atau belum. 
5. Testing 

Dalam tahap ini dilakukan pengabungan modul-modul yang telah di buat dan 
dilakukan pengujian atau testing. Pengujian ini dilakukan untuk mengetahui 
apakah software yang dibuat telah sesuai dengan desainnya dan apakah masih 
terdapat kesalahan atau tidak. 
6. Maintenance 

Tahap ini merupakan tahapan akhir dalam model waterfall. software yang 
sudah jadi dijalankan serta dilakukan pemeliharaan (Maintenance). Pemeliharaan 
ini termasuk memperbaiki kesalahan yang tidak ditemukan pada langkah 
sebelumnya. Perbaikan Implementasi unit sistem dan peningkatan jasa sistem 


sebagai kebutuhan baru. 


3.5 Sejarah Berdirinya Sweet School 

Sweet School merupakan lembaga pendidikan yang mempermudahkan 
anak-anak untuk belajar, yang berlokasi Batam. Lembaga pendidikan ini berdiri 
pada tahun 2015. Lembaga pendidikan ini sampai dengan saat ini Sweet School 
sudah berjalan selama 2 (dua) tahun. Lembaga pendidikan tersebut masih tetap 
dijalankan hanya sebagai lembaga pendidikan untuk anak TK dan SD yang 


bermafaat bagi mereka. Dengan komitmen yang selama ini dipertahankan dan 


diterapkan karena lembaga pendidikan di Sweet School untuk mempermudahkan 


anak-anak bagi yang belajar di Sweet School. 


3.6 Tujuan Umum Perusahaan 


Dalam setiap tempat pendidikan yang didirikan dan dioperasikan, baik itu 
orang tua maupun anak-anak tentunya mempunyai penetapan tujuan pendidikan 
yang bermanfaat dan berprestasi untuk anak-anak mereka. Hal ini sangat penting 
karena tujuan yang akan dirumuskan itu akan menjadi pedoman didalam 


menjalankan kegiatannya. Adapun tujuan pendidikan ini adalah: 


1.  Meningkatkan/mempermudahkan mata pelajaran anak-anak hal ini sangat 
menguntungkan para pendidikan, karena dengan cara mengajar yang lebih 
mudah dipahami oleh anak-anak, maka pendidikan tersebut akan mendapat 
kepercayaan dari orang tua. 

2. Mengadakan Ekspansi setelah pendidikan berhasil meningkatkan ilmu anak- 
anak, bukan berarti berarti pendidikan sudah cukup sampai disini. 
Pendidikan yang mempunyai sifat dinamis selalu ingin mengadakan 


perluasan ilmu melalui pengembangan pendidikan yang telah dirintis. 


3.7 Struktur Organisasi dan Fungsi 


Pimpinan pada Sweet School adalah pemilik dan perintisnya itu sendiri 
yang menentukan arah dan kebijakan jalannya pendidikan yang lebih baik lagi. 
Sweet School menerapkan struktur organisasi lini, dimana seorang pemimpin 


memberikan perintah langsung kepada bawahannya. Hal ini diwujudkan dalam 


wewenang dan tanggung jawab dari bawahan kepada atasannya sebagaimana 


terlihat didalam struktur organisasi berikut: 







Administrasi 


Staf Pengajar 


Gambar 3.3 Struktur Organisasi Sweet School 


Secara umum tugas dan fungsi organisasi dari masing-masing bagian adalah 


sebagai berikut : 


Is 


Pemilik 

Pemilik adalah pemilik perusahaannya di Sweet School, dengan 
bertanggung jawab sebagai tempat pendidikan yang berhak menjalankan 
perusahaannya sampai akhir. 

Staf Pengajar 

Staf pengajar adalah seorang guru yang bertanggung jawab sebagai pendidik 
dalam berbagi ilmu kepada anak-anak yang belajar di Sweet School. 
Administrasi 

Admin adalah seorang yang bertanggung jawab sebagai penerima atau 
menagih uang kepada orang tua murid yang ada di Sweet School, dan 
bertanggung jawab sebagai menginput atau mengelolah data Sweet School 


yang dibutuhkan. 


4. Siswa 
Siswa adalah peserta didik yang bertanggung jawab sebagai pelajar di sweet 
school untuk mendapatkan pendidikan yang sweet school berikan pada 


mereka. 


3.8 Aktivitas Pendidikan 


Sweet School merupakan tempat pendidikan yang mempermudahkan anak- 
anak dalam mengerjakan soal. Berbagai macam cara yang kami mengajari anak- 
anak dengan cara cepat dan mudah. Sweet School memberikan kemudahan belajar 
kepada anak-anak dengan memberikan pendidikan dengan cara yang mudah 
dipahami oleh anak-anak. 

Setelah kami memberikan ilmu yang mudah dipahami para orang tua merasa 
bangga, karena anak-anaknya mendapatkan nilai yang sangat memuaskan. Setelah 
kami memberikan ilmu kepada anak-anak kami juga bisa memahami berbagai 
karakter anak-anak yang berbeda, maka kami memberikan ilmu ini sungguh 
mempermudahkan anak-anak dalam belajar secara santai terutama bagi anak-anak 
yang masih berusia 3 tahun hingga 12 tahun, kami mengajarinya dengan berbagai 
macam karakter agar mereka menyukai pelajaran-pelajaran yang tidak mereka 
sukai. Setelah mempelajari pelajaran-pelajaran kami juga ada mengadakan 
perlombaan setiap tahun, kami mengadakan perlombaan mewarnai untuk anak- 
anak yang minat mewarnai, kami juga mengadakan perlombaan berbagai macam 


pelajaran-pelajaran yang telah mereka pelajari. 


3.9 Pendidikan Yang Dihasilkan 


Konsep awal Sweet School adalah pendidikan yang mempermudahkan 
anak-anak, seiring dengan berjalannya waktu Sweet School mulai 
mengembangkan perusahaannya dengan pendidikan yang mempermudahkan 
anak-anak. Dalam pendidikannya perusahaan ini mendidik anak-anak dengan 


membayar biaya spp perbulan melalui secara tunai, auto debet dan kredit. 


BAB IV 
ANALISIS DAN IMPLEMENTASI 


41 Analisis Sistem yang Berjalan 


Perancangan sistem yang diusulkan Perancangan sistem merupakan awal 
dari pembuatan sistem yang akan dibuat, dimana dapat dilihat proses-proses apa 
saja yang nantinya diperlukan dalam pembuatan suatu sistem. 

Perancangan prosedur yang diusulkan merupakan tahap untuk memperbaiki 
atau meningkatkan efisiensi kerja. Tahap perancangan sistem yang digambarkan 
sebagai perancangan untuk membangun suatu sistem dan mengkonfigurasikan 
komponen-komponen perangkat lunak dan perangkat keras sehingga 
menghasilkan sistem yang baik, sistem yang dirancang tersebut menjadi satu 
komponen. Adapun sistem yang diusulkan oleh penulis adalah: 

1. Siswa pendaftar datang dan melakukan pendaftaran kepada admin. 

2. Siswa akan memilih jadwal sesuai yang diberikan. 

38 Guru dan administrasi akan login sesuai dengan kebutuhannya admin akan 
login pada akun admin dan guru akan login pada akun guru. 

4. Daftar ulang dilakukan dengan mengisi kembali data siswa dan pilih kelas 
dan semester dan mengambil jadwal di jam yang ia inginkan. 

5. Laporan data siswa diberikan kepada kepala bimbingan dan guru, selain 


untuk database bagi administrasi. 


4.1.1 Analisa Sistem Lama 


Berikut ini adalah gambaran diagram alir (flowchart) sistem yang telah ada 
pada Sweet School Batam. Bagan ini menjelaskan urutan-urutan dari prosedur 


yang ada dan menunujukan apa yang dikerjakan sistem dan pengguna. 


Tabel 4.1 Alur Sistem Lama 
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4.1.2 Flowchart Sistem Yang Diusulkan 


Tabel 4.2 Aliran Sistem Informasi Yang Diusulkan 
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Pilih data 
Absensi 











4.2 


4.3 


Analisis Sistem Baru 

Admin hanya memasukkan NIS serta kode mata pelajaran, dan sistem akan 
langsung menampilkan hasil informasi yang lebih akurat dan update karena 
admin dapat melakukan perubahan pada database dengan lebih mudah dan 
berkala. 

Laporan yang dapat diberikan siswa dengan jangka waktu yang lebih tepat. 
Sistem yang diusulkan diharapkan dapat memberikan informasi nilai yang 


cepat dan akurat. 


Implementasi 


Berikut daftar tabel yang terdapat di dalam database Sweet School Batam. 


SISTEM ABSENSI SWEET SCHOOL BATAM 


DATA FLOW DIAGRAM (DFD) 
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Gambar 4.1 Data Flow Diagaram (DFD) diagram Konteks Absensi Guru 
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Gambar 4.2 Data Flow Diagram (DFD) Diagram Konteks Absensi Siwa 
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Gambar 4.3 Data Flow Diagram (DFD) Level 


4.3.1 Daftar Tabel Database 
Semua Field name : not null semua. Setiap tipe data int pada database ini 


dalam bentuk auto increment. 
















































































Tabel 4.3 Admin 
Field Name Data Type Width Description 
User Vachar t3 User Name 
Password Vachar Ea Password 
Tabel 4.4 Mata Pelajaran 
Field Name Data Type Width Description 
Kode Pel Int 3 Nomor identitas 
Kode Kelas Vachar 5 Kelas 
Tabel 4.5 Siswa 
Field Name Data Type Width Description 
NIS Vachar 6 Nomor Induk Siswa 
Nama Vachar 20 Nama Siswa 
Kelas Vachar 5 Ruangan 
Thn ajaran Vachar 9 Tahun Ajaran 
Jns kel Vachar 10 Jenis Kelamin 
Tpt Lahir Vachar 10 Tempat Lahir 
Tgl Lahir Vachar 30 Tanggal Lahir 
Agama Vachar 8 Agama 
Alamat Vachar 20 Alamat 

















Tabel 4.6 Guru 




















































































































Field Name Data Type Width Description 
Id Integral 25 Nomor Identitas 
NIP Vachar 9 NIP 
Nama Vachar 35 Nama Guru 
Tpt Lahir Vachar IS Tempat lahir 
Tgl Lahir Vachar 10 Tanggal Lahir 
Jns. kel Vachar 10 Jenis Kelamin 
Agama Vachar 10 Agama 
Alamat Vachar 50 Alamat 
Status pengawai Vachar 8 Status Pengawai 
Nama Jur Vachar 20 Jurusan 
Pendidikan Vachar 5 Pendidikan Terakhir 
Tabel 4.7 Absensi Siswa 
Field Name Data Type Width Description 
Tgl Char 2 Tanggal 
Bln Char 2 Bulan 
Thn Vachar 4 Tahun 
NIS Vachar 6 Nomor Induk Siswa 
Nama Vachar 20 Nama Siswa 
Kelas Vachar 5 Kelas 
Semester Vachar 2 Semester 
Status Absen Vachar 10 Status Absensi 
Keterangan Text - Keterangan 
Tabel 4.8 Absensi Guru 
Field Name Data Type Width Description 
Id Integral 25 Nomor Identitas 
Tgl Char 2 Tanggal 
Bin Char 2 Bulan 
Thn Vachar 4 Tahun 
NIP Vachar 9 NIP 
Nama Vachar 35 Nama Guru 
Nama Jur Vachar 25 Nama Jurusan 
Nama Pel Vachar 30 Nama Pelajaran 
Status Absen Vachar 10 Status Absensi 
Keterangan Text - Keterangan 




















4.3.2 Hasil Implementasi 

Hasil implementasi dari beberapa konfigurasi yang dilakukan pada 
pembuatan website ini dapat dilihat menggunakan web browser. Web broser yang 
digunakan adalah Mozilla Firefox dan ' Chrome, dengan cara ketik link 


berikut http://localhost/skripsi2017. Berikut ini adalah beberapa tampilan hasil 





implementasi perancangan absensi berbasis web Sweet School. 


(E)locahossripsi201/Ad. « 3 max 

6-3 GO localhost/srinsi2017/Admin htm YA 
Administrasi 

User Name : 

Password : 

Simpan 























Gambar 4.4 Tampilan Halaman Utama 


(E) localhost/skripsi2017/Ma.. « WB 


&€-3 @ @localhost/skripsi2017/Matapelajaran.html 
Mata Pelajaran 


td 

Mata Pelajaran: | 
Kode Kelas 

Lembar Kerja Siswa | 














Gambar 4.5 Tampilan Halaman Mata Pelajaran 


(El tocaihost/skripsi2017/Sis.. « 


6 3 G |@ localhost/skripsi2017/Siswa.html 
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Gambar 4.6 Halaman Tampilan Data Siswa 


(6) localhost/skripsi2017/Gur.. t 
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Gambar 4.7 Tampilan Halaman Data Guru 
(El locathost/skripsi2017/Ab.. « M3 21 IaInX 
&- G0 localhost/skripsi2017/Absensi's20Siswa.html PIN 
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Gambar 4.8 Tampilan Halaman Absensi Siswa 


(El locahost/Skripsi217/Gut, 


6-3 GO localhost/skripsi2017/Guruhtml YA 


Data Guru 














Gambar 4.9 Halaman Tampilan Absensi Guru 


BAB V 
PENUTUP 


5.1 Kesimpulan 


Laporan yang telah dibangun ini adalah perancangan sistem informasi 
absensi guru dan siswa berbasis web di Sweet School yang diharapkan dapat 
berguna untuk mempermudah siswa dan guru dalam pengisian absensi serta untuk 


menghindari kecurigaan. 


Setelah melakukan pembahasan akhir penulis dapat membuat kesimpulan 


sebagai berikut: 


1. Sistem informasi absensi guru dirancang untuk dapat memonitor kehadiran 
guru dan siswa di Sweet School. 

2. Sistem informasi absensi akan merancang efisien karena tidak harus 
mengeluarkan biaya stasioner seperti kertas, alat tulis, pengarsipan data 


dan mempunyai keamanan data. 


5.2 Saran 


Dalam Mengakhiri Skripsi ini penulis menguraikan beberapa saran antara 


lain: 


1. Sistem informasi ini sebaiknyadi buat dengan penggunaan fire wall 


sehingga hanya bisa dilakukan di komputer Sweet School. 


2. Sistem informasi hendaknya di lengkapi dengan sistem keamanan data 
berupa username dan password, serta keggunaan anti virus yang di update, 
secara berkata sistem di dukung dengan penghematan energi listrik seperti 


UPS. 
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Gambar 2.1 : Siklus Informasi 


Simbol-simbol Flowchart 


Tabel 2.1 Flow Direction Symbol 





























No. Gambar Nama Keterangan 
Un TP Simbol Arus / | Digunakan untuk menyatakan 
| ! Flow jalannya arus suatu proses 
2 Simbol Digunakna untuk menyatakan 
” Communiction | adanya transisi suatu data / 
link inforrmasi dari suatu lokasi ke 
lokasi lainnya 
3 Simbol Digunakan untuk menyatakan 
0) Connector sambungan dari suatu proses 
ke proses lainnya dalam 
halaman / lembar yang sama. 
4 Simbol Offline | Digunakan untuk menyatakan 
Connector sambungan dari suatu proses 
ke proses lainnya dalam 
halaman / lembar yang 
berbeda 








Tabel 2.2 Processing Symbol 

















No. Gambar Nama Keterangan 
1 Simbol Digunakan untuk menyatakan 
pol offline sambungan dari suatu proses ke 
connector | proses lainnya dalam halaman / 
lembar yang berbeda. 
2 Simbol Digunakan untuk menyatakan 
manual tindakan (proses) yang tidak 
Ng dilakukan oleh komputer 
(manual). 
8. Simbol digunakan untuk menunjukkan 
Decision/ | suatu kondisi tertentuyang akan 
logika menghasilkan dua kemungkinan 
jawaban, ya (yes) / tidak (no). 
4 SImbol Digunakan untuk memberikan 
(0) Predefined | nilai awal pada suatu variabel. 
Proses 
5 Simbol Digunakan untuk permulaan 
0) Terminal atau akhir suatu program. 
6 Simbol Digunakan untuk menyatakan 
Keying segala jenis opereasi yang 
Ng operator diproses dengan menggunakan 











suatu mesin yang mempunyai 


keyboard. 












































7 Simbol off- | Digunakan menunjukan bahwa 
line storage | data simbol ini akan disimpan 

ke suatu media tertentu. 
8 Simbol Digunakan untuk memasukkan 
nk manual Input | data secara manual dengan 
menggunakan online keyboard. 

Tabel 2.3 Input-Output Symbol 

No. Gambar Nama Keterangan 
Li Simbol Digunakan untuk menyatakan 
Pang Input- proses input-outputtanpa 
Output tergantung dengan jenis 

peralatan. 

2 Simbol Digunakan untuk menyatakan 
— Punched | input berasal dari kartu atau 

Card output ditulis ke kartu. 
3 Simbol Digunakan untuk menyatakan 
Magnetic- | input berasal dari pita magnetic 
D3 tapeunit | atau output disimpan ke pita 

magnetic. 

4 Simbol Disk | Digunakan menyatakan input 
GNI Storage berasal dari disk atau output 











disimpan ke disk. 























—) 








Simbol Digunakan untuk mencetak 
Po Document | laporan ke printer 

Simbol Digunakan untuk menyatakan 

Display peralatan output yang digunakan 


berupa layar (video, komputer) 
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Gambar 2.2 Lambang Komponen Terminator 
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Gambar 2.3 Lambang Komponen Proses 


LL 


Gambar 2.4 Lambang Komponen Data Store 


Kn 
www 


Gambar 2.5 Lambang Komponen Alur Data 





Tabel 2.4 Komponen-komponen ERD 





Gambar 


Nama 


Keterangan 





Entitas 


Individu yang mewakili suatu objek 
dan dapat dibedakan dengan objek 


yang lain. 





Atribut 


Properti yang dimiliki oleh suatu 
entitas, yang dapat mendeskripsikan 


karakteristik dari entitas tersebut 





Relasi 


Menunjukkan hubungan diantara 


sejumlah entitas yang berbeda. 











TM 
DD 

S 
—- 
— 





Relasi 1:1 


Relasi 1:N 


Relasi N:N 





Relasi yang menunjukkan bahwa 
setiap entitas pada himpunan entitas 
pertama berhubungan dengan paling 
banyak satu entitas pada himpunan 
entitas kedua. 

Relasi yang menunjukkan bahwa 
adanya hubungan antara entitas 
pertama dengan entitas kedua 
adalah satu banding banyak atau 
sebaliknya. Setiap entitas dapat 
berelasi dengan banyak entitas pada 
himpunan entitas yang lain. 
Hubungan ini menunjukkan bahwa 


setiap entitas pada himpunan entitas 














yang pertama dapat berhubungan 
dengan banyak entitas pada 
himpunan entitas yang kedua, 


demikian juga sebaliknya. 

















XAMPP Control Panel v3.2.2 


Sorvice Module Pia) Portts)  Actions Du 
Apaena Free 20.43 (“Stop |) Laama ) |. coang ) toga po maa 
MySOL 6028 3306 |. stop | Aam | | contg | | toge Jha txprorer 
FlozMa KL. stan...) L-conng | |. toga | & services 
Mercury | Start L-contg | |. toga | & new 
Tomcat Lo start) Li contg | |. toge more 


PM (main) Initializing Control Panel 
MN (main) Windows Version: Windows 7 Starter SPI 92-bat 
M (main) KAMPP Version: 5. 6. 14 
(main) Control Panel Version: 2.2.2 I Compiled: Nov 12th 2015 J 
M (main) You are not running with administrator rights! This will vork for 
(main) most application stuff but whenever you do something with services 
(maan) there will be a security dialogus or things wall break! So think 
M Imain) about running this application with administrator rights! 
S5 PM (main) XAMPP Installation Directory: “ci Nxampp1" 
M (main) Checking for prereguisitos 
( (main) All prereguisites found 
5 PM (main) Initializing Modules 


1 (apache) XAMPP Apache is already running on port 30 
(apache) XAMPP Apache is already running on port 443 
Inysal) XAMPP MySOL 18 already running on port 3906 


NM (main) Starting Check-Timer 
NM (main) Control Panel Ready 








Gambar 2.6 Tampilan aplikasi xampp 







Staff Pengajar Administrasi 


Gambar 3.1 Struktur Organisasi Sweet School 


(Sumber : Sweet School) 


Kegiatan Keluaran 


Pemahaman tentang teori dan konsep 
Pengumpulan Data Data dan informasi yang dibutuhkan 
Pembuatan Laporan Daftar masalah yang membutuhkan 


Analisis Sistem Sistem absensi pada Sweet School 
Pengembangan Sistem Laporan Penelitian 





Gambar 3.1 Kerangka Kerja Penelitian 


System Engineering 







Maintenance 


Gambar 3.2 : Pengembangan Software Model Waterfall 






Login Data Guru Laporan Absensi 
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Absensi Guru 














Data Absensi 


Data Login 


Admin 


Gambar 4.1 Data Flow Diagaram (DFD) diagram Konteks Absensi Guru 
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Siswa Laporan Absensi 
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Informasi 
Absensi Siswa 


Siswa 


Data Siswa 


Menejer 


Terima Laporan Absensi 
Data Siswa Login 


Mengecek Laporan 





Gambar 4.2 Data Flow Diagram (DFD) Diagram Konteks Absensi Siswa 


Manajer 








Registrasi 


Administrator 


Input Data, Edit 
Data, Hapus 
Data 


F3 | Mata Pelajaran 


Data Absensi 


Laporan Guru dan Siswa 






Laporan 


Gambar 4.3 Data Flow Diagram (DFD) Level 


Tabel 4.3 Admin 



























































































































































Field Name | Data Type Width Description 
User Vachar 15 User Name 
Password Vachar 15 Password 
Tabel 4.4 Mata Pelajaran 
Field Name Data Type Width Description 
Kode Pel Int 3 Nomor identitas 
Kode Kelas Vachar 5 Kelas 
Tabel 4.5 Siswa 
Field Name | Data Type | Width Description 
NIS Vachar 6 Nomor Induk Siswa 
Nama Vachar 20 Nama Siswa 
Kelas Vachar 5 Ruangan 
Thn ajaran Vachar 9 Tahun Ajaran 
Jns. kel Vachar 10 Jenis Kelamin 
Tpt Lahir Vachar 10 Tempat Lahir 
Tgl Lahir Vachar 30 Tanggal Lahir 
Agama Vachar 8 Agama 
Alamat Vachar 20 Alamat 
Tabel 4.6 Guru 
Field Name Data Type | Width Description 
Id Integral 23 Nomor Identitas 
NIP Vachar 9 NIP 
Nama Vachar 35 Nama Guru 
Tpt Lahir Vachar 15 Tempat lahir 
Tgl Lahir Vachar 10 Tanggal Lahir 
Jns. kel Vachar 10 Jenis Kelamin 
Agama Vachar 10 Agama 
Alamat Vachar 50 Alamat 
Status pengawai Vachar 8 Status Pengawai 
Nama Jur Vachar 20 Jurusan 
Pendidikan Vachar 5 Pendidikan Terakhir 
Tabel 4.7 Absensi Siswa 
Field Name Data Type | Width Description 
Tgl Char 2 Tanggal 













































































Bin Char 2 Bulan 
Thn Vachar 4 Tahun 
NIS Vachar 6 Nomor Induk Siswa 
Nama Vachar 20 Nama Siswa 
Kelas Vachar 5 Kelas 
Semester Vachar 2 Semester 
Status Absen Vachar 10 Status Absensi 
Keterangan Text - Keterangan 
Tabel 4.8 Absensi Guru 
Field Name Data Type | Width Description 
Id Integral 25 Nomor Identitas 
Tgl Char 2 Tanggal 
Bin Char 2 Bulan 
Thn Vachar 4 Tahun 
NIP Vachar 9 NIP 
Nama Vachar 35 Nama Guru 
Nama Jur Vachar 25 Nama Jurusan 
Nama Pel Vachar 30 Nama Pelajaran 
Status Absen Vachar 10 Status Absensi 
Keterangan Text - Keterangan 

















« c localhost 











Administrasi 





User Name 
Password 


Simpan 




















HA 





Gambar 4.4 Halaman Utama 
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Gambar 4.5 Halaman Mata Pelajaran 
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&-3 G|@ localhost/skripsi2017/Siswa.html 
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Gambar 4.6 Halaman Data Siswa 
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Gambar 4.7 Halaman Data Guru 
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Gambar 4.8 Halaman Absensi Siswa 
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Gambar 4.9 Halaman Data Absensi Guru 
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